﻿input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align: right !important;}
.bar .searchbar-nav {padding:0rem 2.8rem 0rem 4.5rem;}
.bar .searchbar-nav .searchbar {background:#f7f7f8}
.nav-login {font-size:0.75rem!important;}
.logo {max-width:3.5rem}
.logo img {max-width:100%;}
.bar {z-index:500;}
.red {color: red !important;}
input {font-family: PingFang-SC-Regular !important;}
.num {font-family: PingFang-SC-Regular !important;}
.ml5 {margin-left:0.22rem !important;}
.mr5 {margin-right:0.22rem !important;}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge-default{background-color:#777}.badge-primary{background-color:#428bca}.badge-success{background-color:#5cb85c}.badge-info{background-color:#5bc0de}.badge-warning{background-color:#f0ad4e}.badge-danger{background-color:#d9534f}
.btn-danger{color:#fff!important;background-color:#d9534f;border-color:#d43f3a}.btn-link{font-weight:400;color:#337ab7!important}.btn-warning{color:#fff!important;background-color:#f0ad4e;border-color:#eea236}.btn-info{color:#fff!important;background-color:#5bc0de;border-color:#46b8da}.btn-success{color:#fff!important;background-color:#5cb85c;border-color:#4cae4c}.btn-primary{color:#fff!important;background-color:#337ab7;border-color:#2e6da4}.btn-default{color:#333!important;background-color:#fff;border-color:#ccc}.btn-gray{background-color:#cecece;color:#fff}
.nomsg {text-align:center;font-size:0.7rem;color:#ccc;padding:2rem 0;}
.popup {z-index:107000!important;}
.popup .popup-submit {position: fixed;bottom:0;z-index:100;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.toast {z-index:200000;height: auto !important;}
.img-circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.alert-success {color:#3c763d}
.alert-danger {color:#a94442}


/*引用的样式*/
blockquote{margin:15px 0;padding: 23px 20px 23px 55px;background: #fafafa url('../images/blockquoteup.png') 18px 20px no-repeat ;border: 1px solid #f3f3f3;line-height: 28px;  }
blockquote p{padding-right:28px;}
blockquote p:last-child{padding-bottom: 10px;background: #fafafa url('../images/blockquotedown.png') 100% 100% no-repeat}

/* 首页 */
.index-box {background-color:#FFFFFF;border-bottom:1px solid #e7e7e7;}
.index-box .cat {float:left;margin:0.4rem;font-weight:100;font-size: 0.65rem}
.index-button {background-color:#FFFFFF;padding:0.7rem 0.5rem;margin-top:0.5rem;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.list-box {margin:0.5rem 0;}
.hot-title {padding:0.5rem 0.75rem;font-size:0.8rem;border-bottom:1px solid #e7e7e7;}
.hot-title a {font-size:0.7rem;color:#3d4145;}
.item-price {color:#ff6700;font-size:1rem;font-weight:bold;margin:0.2rem 0;}
.item-price .name {color:#999;font-size:0.6rem;font-weight:300;margin-left:5px;}
.item-votes {color:#999;font-size:0.6rem;}
.item-votes .surplus_votes {color:green;font-size:0.8rem;font-weight:bold;}

/* 登录注册 */
.login-text {font-size:0.7rem;}
.login-text .iconfont {margin-right:0.3rem;font-size:0.7rem;}
.login-text a {color:#333}
.login-block {margin:0.8rem 0;}
.login-block label.label-checkbox i.icon-form-checkbox {height:0.85rem;width:0.85rem;}
.button-big {display:block;width:100%;}
.login-block .iconfont {font-size:1rem;color:#999;}

/* 发布 */
.edui-default .edui-box, .edui-default .edui-toolbar {line-height:1;}
.edui-default .edui-editor {border:none !important; border-top:1px solid #d4d4d4;}
.post-block {margin:0.8rem 0;}
.post-block .item-input-text {width:3.5rem;}
.post-block #price-tips { background-color:#fff;color:green;font-size:0.65rem;padding:0 0.3rem;position:absolute;right:0;top:-0.5rem;z-index:100;}
.list-block .item-post {padding-right:0.4rem;padding-left:0.4rem;font-size:0.78rem;}
.list-block .item-post input[placeholder] {font-size:0.7rem;}
.list-block .item-post .text-right {font-size:0.7rem;color:#999;}
.list-block .post-contents {padding:0;}

/* 列表 */
.reward-sort {background-color:#FFFFFF;padding:0.3rem 0;font-size:0.7rem;position:fixed;top:2.2rem;left:0;height:1.7rem}
.reward-sort a {color:#3d4145;width:25%;display:inline-block;float:left;text-align:center;line-height:1.1rem}
.reward-sort a.active {color:#ff6700}
.reward-sort ~ .content {top:3.9rem}
.reward-list .list-block ul {background:none;}
.reward-list .list-block ul li {background-color:#FFFFFF;margin:0.5rem 0}
.reward-list .list-block .item-title {white-space: inherit;}
.reward-list .list-block .item-title .badge {margin-right: 0.2rem;}
.reward-list .list-block .item-content {padding:0;position:relative;}
.reward-list .list-block.media-list .item-inner {padding:0.5rem 0.75rem 0.45rem 0.75rem;}
.reward-list .push-time {font-size:0.6rem;color:#ccc;margin-top:0.5rem;font-weight:500}
#pagination {text-align:center;padding-bottom:0.7rem;color:#999;font-size:0.6rem;}
#pagination li {float:left;}
.already_connect, .can_connect {display:inline-block;top:0;right:0.5rem;position:absolute;color:#FFFFFF;text-align:center;line-height:1.1rem;font-size:0.6rem;padding:0 0.2rem;border-radius:0 0 20% 20%;font-weight:700;}
.already_connect {background-color:#f0ad4e}
.can_connect {background-color:#5cb85c}

/* 详情 */
.reward_reject, .reward_examine, .reward_normal, .reward_pause, .reward_full, .reward_finish {width:3rem;height:3rem;position:absolute;top:0;right:0.5rem;}
.reward_reject {background:url("../images/reject.png") no-repeat;background-size:100% 100%;}
.reward_examine {background:url('../images/examine.png') no-repeat;background-size:100% 100%;}
.reward_normal {background:url("../images/normal.png") no-repeat;background-size:100% 100%;}
.reward_pause {background:url('../images/pause.png') no-repeat;background-size:100% 100%;}
.reward_full {background:url('../images/full.png') no-repeat;background-size:100% 100%;}
.reward_finish {background:url('../images/finish.png') no-repeat;background-size:100% 100%;}
.detail {background-color: #FFFFFF}
.detail .titles {border-bottom:1px solid #e0e0e0;padding-bottom:0.4rem;margin-bottom:0.5rem}
.detail .titles h1 {font-size:0.8rem;padding:0.8rem 0.3rem 0.1rem;margin:0;line-height:1.4rem;}
.detail .titles .info {font-size:0.7rem;color:#cccccc;padding:0.2rem}
.detail .titles .info .mr {margin-right:0.5rem;}
.detail .titles .info .iconfont {margin:0 0.2rem}
.detail .reward {line-height:1.5rem;font-size:0.75rem;padding-bottom:0.5rem;color:#999999;position:relative;}
.detail .reward dd {width:5.5rem;margin:0 0.6rem 0 0;text-align:right;}
.detail .reward dt.price {font-size:1.2rem;color: #ff6700;font-weight:bold;}
.detail .reward dt.votes {font-weight:bold;font-size:0.9rem;color:green;}
.detail .reward dt .finish_time {margin-right:0.3rem}
.detail .reward dt .progress{display:inline-block;width:5rem;background-color:#f5f5f5;height:10px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px;margin:0 10px;overflow:hidden;box-sizing:border-box}
.detail .reward dt .progress .progress-bar{background:#5cb85c;display:inline-block;height:10px;border-radius:4px 0 0 4px}
.ctabs {padding:0.1rem 0.5rem;background-color:#FFFFFF;overflow-wrap:break-word;}
.ctabs img {max-width:100%;}
.supplement {font-weight: bold;margin:1rem 0 0.5rem;}
.row.no-gutter .col-30 {width:30%}
.append-list {font-size:0.7rem;line-height:1.5rem}
.append-list .row {margin:0.2rem 0;border-bottom:1px solid #CCCCCC}
.append-list .row:last-child {border:none}
.apply_list .card {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 0 1rem}
.apply_list .button {display:inline-block;}
.apply_list .date {font-size:0.6rem;float:right;color:#cccccc;}
.apply_list .date .date-a{
    color: #cccccc;
    margin:0 .5rem;
}
.apply_list .card-header {padding:0}
.apply_list .card-header .apply-handle {padding:0 0.5rem 0 0.3rem}
.apply_list .apply_cont {line-height:1.3rem;padding-top:0.5rem}
.apply_list .more {text-align: center;background-color:#e1e1e1;display: block;margin: 0 -0.5rem -0.1rem;padding:0.3rem 0;font-size: 0.7rem;padding-bottom: 1rem;}
.apply_list .alert-apply_count{
    font-size: .65rem;
    margin-left: .3rem;
}
.apply_list .reason{
    color: red;
    position: relative;
    top: -.5rem;
    text-align: right;
    height: 0;
    right: -.7rem;
}
.apply_list .avatar-box{
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-left: .5rem;
}
.apply_list .avatar-box .avatar-a{
    display: flex;
    align-items: center;
    margin-right: 1rem;
    flex-shrink: 0;
}
.apply_list .avatar-box .avatar-img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: .3rem;
}
.apply_list .avatar-box .avatar-right{
    flex-grow: 2;
    text-align: right;
}

/** 用户中心 */
.user-main .item-media .iconfont {font-size:1rem}
.user-main .item-inner a {display:block;width:100%;color:#999999}
.user-main .userinfo {background-color:#EE3C2D;background:-moz-linear-gradient(left, #EE3C2D, #E1435A);background:-webkit-gradient(linear, left top, right bottom, from(#EE3C2D), to(#E1435A));background:-o-linear-gradient(left, #EE3C2D, #E1435A);padding:0.6rem 0.8rem}
.user-main .userinfo .avatar {width:2.5rem;height:2.5rem;margin-right:1rem;}
.user-main .userinfo .avatar img {max-width:2.5rem}
.user-main .userinfo .info {color:#efefef;font-size:0.65rem;line-height:1.2rem}
.user-main .userinfo .info a {color:#efefef}
.user-main .money-box {background:#FFFFFF;border:1px solid #e7e7e7;font-size:0.6rem;padding:0.3rem 0;color:#999}
.user-main .money-box .br {border-right:1px solid #dedede}
.user-main .money-box .money {color:#ff6700;font-size:0.9rem;font-weight:bold;}
.user-main .my-reward .box {font-size:0.65rem;padding:0.4rem 0}
.user-main .my-reward .box a {display: block;color:#999999}
.user-main .my-reward .box .col-33 {position:relative;}
.user-main .my-reward .box .col-33 .badge {position:absolute;left:50%;top:0;background-color:red;}
.user-main .my-reward .box .iconfont {font-size:1.5rem;}
.user-main .toRecharge {border-top:1px solid #dedede;clear: both;margin-top:0.5rem; padding:0.7rem 0 0.3rem;font-size:0.8rem;}
.user-main .toRecharge a {color: #ff6700;display:block;width:100%; height:100%;}
.user-main .recharge ul {padding:1rem 0.5rem;font-size:0.65rem}
.user-main .recharge ul li {padding:0.3rem 0;color:#999999}
.user-main .recharge .money {color: #ff6700;font-size:1.4rem;padding:0 0.3rem}
.user-main .recharge b {margin:0 0.2rem}
.user-main .recharge .recharge_money {border: 1px solid #CCCCCC;font-size: 0.6rem;}
.user-main .recharge .pay-type * {float: left}
.user-main .recharge .pay-type input {margin-right:0.6rem;}
.user-main .recharge .alert-danger {background-color: #f2dede;padding:0.6rem 1rem;line-height:1.1rem;margin-top:1rem;-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;}
.user-main .reward-list .list-block .item-title {white-space: nowrap;}
.user-main .reward-list .push-time {margin-right:0.5rem}
.user-main .reward-list .item-subtitle {padding:0.3rem 0}
.user-main .reward-list .item-subtitle .iconfont {font-size:1rem;margin:0 0.5rem}
.user-main .reward-list .item-subtitle a {color:#3d4145}
.user-main .account-list .item-inner {padding-left:0.5rem}
.user-main .account-list .item-subtitle {color:#999999;font-size:0.6rem;margin:0.3rem 0}
.user-main .account-list .item-date {color:#cccccc;font-size: 0.6rem}
.user-main .user-profile {margin:0}
.user-main .user-profile .avatar {padding:0.8rem}
.user-main .user-profile .avatar img {max-width:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.user-main .notify .badge {background-color:red;padding:0;min-width:0.4rem;max-width:0.4rem;height:0.4rem;margin-top:0.4rem;float:right;}
.popup-EditProfile .list-block .select select {display:inline-block!important;float:right!important;width:auto!important;}
.popup-EditProfile .list-block .select .separate {float:right;margin:0 0.1rem 0 0.5rem;line-height:2rem}
.security_tips {font-size:0.7rem;color:#ff0000;padding:0.7rem 0.5rem;line-height:1.2rem}
#money_tips {font-size: 0.7rem;text-align:center}
.user-main .encashment ul {padding:0.2rem 0.5rem;font-size:0.65rem}
.user-main .encashment ul li {padding:0.2rem 0;color:#999999}
.user-main .encashment .item-subtitle {font-size:0.6rem}
.user-main .encashment .money {color:#ff6700;font-size:1rem;padding:0 0.3rem}

.QrCodeModal {text-align: center;}
.QrCodeModal img {max-width:100%;}
.QrCodeModal .code {position: relative; text-align: left;}
.QrCodeModal .example {position:absolute;font-weight: bold}
#alipay_money {top:44%;left:1.5rem;font-size:1.6rem}
#alipay_code {top:58%;left:0.4rem;font-size:0.7rem;}
#weixin_money {top:49%;left:2.75rem;font-size:1.6rem}
#weixin_code {top: 66%;left: 1.2rem;font-size: 0.7rem;}
.remind {border: 1px dashed #fc4e53;margin:0.5rem 0;padding:0.5rem;color:#fc4e53;text-align: left;}
.remind .tit {background-color: #fc4e53;color:#fff;text-align:center;padding:0.2rem 0}
.remind p {line-height:1.3rem;margin:0;padding:0}
.remind strong {color:#00b7ee}

.faq_list {margin-bottom:2rem; padding:0 0.6rem;}
.faq_list h2 {margin-bottom:0.7rem;font-size:0.8rem}
.faq_list .faq_details {padding-left:0.8rem;font-size:0.7rem}
.nav-list {list-style:none;margin:0.8rem;padding:0}
.nav-list li {line-height:2.5rem;}
.nav-list a {color:#3d4145;}
.nav-list li.active a {color:#ff6700}

/** 步骤样式 */
.step {font-size:0.7rem;}
.step .num {width:5rem;text-align:center;padding-top:0.7rem;}
.step .step-num {display:inline-block;width:1.3rem;height:1.3rem;background:#2f9ffb;text-align:center;line-height:1.3rem;color:#fff;border-radius:1.3rem;}
.step .del-step {text-align:center;margin-top:8px;}
.step .no-gutter {margin:0.6rem 0}
.step input, .step textarea {border-bottom:0.01rem solid #e7e7e7!important;}
.step .step-img {border:1px dashed #ff1f30;width:70px;height:70px;text-align:center;line-height:70px;overflow:hidden;color:#2f9ffb;cursor:pointer;position:relative;}
.step .step-img img {width:100%;height:100%;}
.step .step-img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;}
.step .img-text {height:70px;}

.step-body .step-row, .result-row {margin-bottom:0.7rem;padding-left:1.6rem;}
.step-body .step-row:last-child {margin-bottom:0;}
.step-body .step-row:after, .result-row:after {content:'';display:block;clear:both;}
.step-body .step-title, .result-row .result-title {font-size:0.75rem;line-height:1.1rem;margin:0 0 0.3rem 0}
.step-body .step-title span, .result-row .result-title span {display:inline-block;width:1rem;height:1rem;color:#fff;background:green;border-radius:1rem;text-align:center;line-height:1rem;margin-left:-1.6rem;margin-right:0.5rem;}
.step-body .img {width:5rem;height:5rem;overflow:hidden;text-align:center;position:relative;margin:0 0.2rem 0 0;display:inline-block;}
.step-body .img img {max-width:100%;max-height:100%}
.step .step-img {border:0.05rem dashed #ff1f30;width:3.5rem;height:3.5rem;text-align:center;line-height:3.5rem;overflow:hidden;color:#2f9ffb;cursor:pointer;position:relative;}
.step-body .img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;z-index:1000}
.step-body .data-img {line-height:4.6rem;color:#2f9ffb;font-size:0.7rem}
.img-thumbnail {display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;float:left;}
.step .step-img p, .step-body .data-img p {margin:0;padding:0}

.notification span.spot {display:inline-block;padding:5px;background:#d5d5d5;border-radius:50%;font-size:0;line-height:0;border:1px solid #d5d5d5;position:absolute;top:41%;left:6px;}
.notification span.new {background:#d9534f;border:1px solid #d43f3a;}

.apply-handle_modal .reason-img{
    margin: 0 auto;
    color: #0894ec;
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    line-height: 2rem;
    overflow: hidden;
    font-size: .65rem;
    margin-top: .5rem;
    border: 0.05rem dashed #c6c6c6;
    float: none;
}

.apply-handle_modal .reason-img .file-input {
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    background: none;
    top: 0;
    left: 0;
}

.apply-handle_modal .reason-img img {
    width: 100%;
    height: 100%;
}

.apply-handle_modal .ts{
    color:red;
    font-size: .6rem;
    margin-top: .5rem;
}

.apply-handle_modal .ts2{
    font-size: .6rem;
    margin-top: .5rem;
}
